﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户列表 </title>
    <%@ include file="/page/include.jsp" %>
    <link rel="stylesheet" type="text/css" href="${rootPath}/statics/plugins/zTree/css/zTreeStyle/zTreeStyle.css" />
  </head>
  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="framebody" role="main">
          <div class="">
            <div class="clearfix"></div> 
			<div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2><i class="fa fa-pencil fa-fw"></i>查询条件 <small></small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li> 
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
 					<form id="position-form" class="form-horizontal form-label-left">
 					  <div class="form-group">
                        <label class="control-label col-md-1" for="userName">用户名称:
                        </label>
                        <div class="col-md-2">
                          <input type="text" id="userName" name ="userName" class="form-control col-md-12">
                        </div>
                        <label class="control-label col-md-1" for="userCode">员工工号:
                        </label>
                        <div class="col-md-2">
                          <input type="text" id="userCode" name ="userCode" class="form-control col-md-12">
                          <input type="hidden" id="orgId"></input>
                        </div>	
                         <label class="control-label col-md-1" for="mobile">联系电话:
                        </label>
                        <div class="col-md-2">
                          <input type="text" id="mobile" name ="mobile" class="form-control col-md-12">
                        </div>	
                        
                        <label class="control-label col-md-1" for="status">员工状态:
                        </label>
                        <div class="col-md-2">
                            <select class="selectpicker form-control col-md-12" id="status"> 
                               <option value="">全部</option>
                           </select>
                        </div>
                      </div>
                      <div class="form-group">
                        <div class="pull-right">
                        	<a class="btn btn-danger" id="btnClear"><i class="fa fa-trash-o fa-fw"></i>清空</a>
                        	<a class="btn btn-primary search" id="btnQuery"><i class="fa fa-search-plus fa-fw"></i>查询</a>
                        </div>
                      </div>
 					</form>
                  </div>
                </div>
              </div>
            </div>
           
           	<div class="row">
                <div class="col-md-3 col-sm-3 col-xs-3" >
                <div class="x_panel" style="height:90%;">
                    <div class="x_content">
                        <div class="row" >
                           <ul id="orgTree" class="ztree"></ul>
                        </div>
                    </div>
                </div>
              </div>
              <div class="col-md-9 col-sm-9 col-xs-9">
                <div class="x_panel">
                  <div class="x_title">
                    <h2><i class="fa fa-reorder fa-fw"></i>用户列表 <small></small></h2> 
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
 					<div class="row">
	 					<div class="clearfix">
	                         <div class="pull-left" style="padding-bottom: 10px;">
	                        	<a class="btn btn-success btn-sm" id="btnAdd"><i class="fa fa-plus fa-fw"></i>新增</a>
	                        </div>
	 						<table id="myTable" class="table"></table>
	 					</div>
                  	</div>
                </div>
              </div>
            </div>
        </div>
      </div>
    </div>
    </div>
    <script src="${rootPath }/statics/plugins/zTree/js/jquery.ztree.all-3.5.min.js"></script>
    <script type="text/javascript"  src="${rootPath }/js/auth/user/user_list.js?v=20171227"></script>
    <script>
    </script>
  </body>
</html>